import React,{Component} from "react";
import {Route} from "react-router-dom";
import {Icon, List, NavBar} from "antd-mobile";
import iconUsers from "../../msg-icon/profile-photo.png";
import "./Letters.css"

const Item = List.Item;
const Brief=Item.Brief;
export default class Letters extends React.Component{
    render() {
        return (
            <div className="letters-div">
                <NavBar
                    className="letters-navbar"
                    mode="light"
                    icon={<Icon type="left" />}
                    onLeftClick={() => {this.props.history.push('/terran/message')}}
                >私信</NavBar>
                <List className="my-list">
                    <Item extra="10:30" align="top" thumb={iconUsers} multipleLine>
                        用户1 <Brief>私信内容</Brief>
                    </Item>
                    <Item extra="一天前" align="top" thumb={iconUsers} multipleLine>
                        用户2 <Brief>私信内容</Brief>
                    </Item>
                    <Item extra="一天前" align="top" thumb={iconUsers} multipleLine>
                        用户3 <Brief>私信内容</Brief>
                    </Item>
                    <Item extra="一天前" align="top" thumb={iconUsers} multipleLine>
                        用户4 <Brief>私信内容</Brief>
                    </Item>
                </List>
            </div>
        )
    }

}